shadeWidth = 100px
$.modalBoxWrap
	position fixed
	display block
	-webkit-box-sizing border-box
	box-sizing border-box
	z-index 1000
	top 0
	bottom 0
	left 0
	right 0
	width 100%
	height 100%
	background-color rgba(0, 0, 0, 0.65)
	display: flex
	align-items: center
	justify-content: center
	/*-webkit-tap-highlight-color transparent
	-moz-tap-highlight-color transparent*/
$.modalBox
	position: relative
	display: block
	z-index: 1000
	width: (shadeWidth*4)
	overflow 300px
	padding: 25px
	background-color: #fff
	border-radius: 2px
	-webkit-animation: vicp 0.12s ease-in
	animation: vicp 0.12s ease-in
$.vicp-close
	position: absolute
	right: -30px
	top: -30px
$.vicp-icon4
	position: relative
	display: block
	width: 30px
	height: 30px
	cursor: pointer
	-webkit-transition: -webkit-transform 0.18s
	transition: -webkit-transform 0.18s
	transition: transform 0.18s
	transition: transform 0.18s, -webkit-transform 0.18s
	-webkit-transform: rotate(0)
	-ms-transform: rotate(0)
	transform: rotate(0)
	&:after,&:before
		-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23)
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23)
		content: ''
		position: absolute
		top: 12px
		left: 4px
		width: 20px
		height: 3px
		-webkit-transform: rotate(45deg)
		-ms-transform: rotate(45deg)
		transform: rotate(45deg)
		background-color: #fff
	&:after
		transform: rotate(-45deg)
	&:hover
		transform: rotate(90deg)